<!DOCTYPE html>
<html>
  <head>
    <title>hello world</title>
    <meta charset="UTF-8">
    <!-- 为搜索引擎定义关键词: -->
    <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
    <!-- 为网页定义描述内容: -->
    <meta name="description" content="NIIT HTML5 教程" />
    <!-- 定义网页作者: -->
    <meta name="author" content="Jeff" />
    <!-- 每3秒钟刷新当前页面 -->
    <!-- <meta http-equiv="refresh" content="3" /> -->
    <!-- <base href="https://www.huel.edu.cn/" /> -->

    <!-- <link
      rel="stylesheet"
      type="text/css"
      hreflang="en"
      href="../../../css/myStyle.css"
    /> -->
    <style>
      html {
        background-color: gray;
      }
    </style>

    <script type="text/javascript">
      document.write("Welcome to BookYourHotel website!");
    </script>
    <noscript> Your browser does not support scripts </noscript>
  </head>
  <body>
    <h1>这是标题 1</h1>
    <p>欢迎来到召唤师峡谷!</p>
    <p>黎明 就在眼前!</p>
    <p>我用双手成就你的梦想!</p>
    <h2>这是标题 2</h2>
    <details open>
      <summary>可见标题</summary>
      <p style="text-align: center">段落1段落1段落1段落1段落1段落1段落1</p>
      <p style="text-align: left">段落2段落2段落2段落2段落2段落2段落2段落2</p>
      <h1>大标题</h1>
    </details>
    <h3>这是标题 3</h3>
    <div style="color: red">
      <h3>
        这是一个在 div 元素中的<span style="color: blue">蓝色标题</span>。
      </h3>
      <p>这是一个在 div 元素中的文本。</p>
    </div>
    <h4>这是标题 4</h4>
    <p>这是一个普通的文本- <b>这是一个加粗文本</b>。</p>
    <span
      >汽车跑的 <i>斜了起来</i>, 因为它跑的<span style="font-style: italic"
        >飞起</span
      >.</span
    >
    <p>
      这是一个 <u><span style="color: blue">下划线</span></u
      >.
    </p>
    <h5>这是标题 5</h5>
    <ol type="a" start="1">
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
      <li>Milk</li>
      <li>Milk</li>
      <li>Milk</li>
    </ol>

    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>

    <h4>嵌套列表：</h4>
    <ul>
      <li>Coffee</li>
      <li>
        Tea
        <ul>
          <li>red tea</li>
          <li>Green tea</li>
        </ul>
      </li>
      <li>Milk</li>
    </ul>
    <h4>嵌套列表：</h4>
    <ul>
      <li>Coffee</li>
      <li>
        Tea
        <ul>
          <li>red tea</li>
          <li>
            Green tea
            <ul>
              <li>China</li>
              <li>Africa</li>
            </ul>
          </li>
        </ul>
      </li>
      <li>Milk</li>
    </ul>
    <h6>这是标题 6</h6>
    <dl>
      <dt>Coffee</dt>
      <dd>Black hot drink</dd>
      <dt>Milk</dt>
      <dd>White cold drink</dd>
    </dl>
    <p>使用 br 元素<br />在文本中<br />换行。</p>
    <h1>HTML</h1>
    <p>HTML 是用于描述 web 页面的一种语言。</p>

    <hr />

    <h1>CSS</h1>
    <p>CSS 定义如何显示 HTML 元素。</p>
  </body>
</html>
